<template name="skeleton">
  <view class="sk-container">
    <view class="viewport">
      <view class="search">
        <view class="input">
          <text
            class="
              icon-search
              sk-transparent
              sk-text-14-2857-314
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            >女靴</text
          >
        </view>
      </view>
      <view class="categories">
        <scroll-view class="primary" scroll-y="true">
          <view
            class="
              item
              active
              sk-transparent
              sk-text-36-7347-354
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >居家</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-453
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >美食</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-956
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >服饰</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-983
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >母婴</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-734
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >个护</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-443
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >严选</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-565
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >数码</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-655
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >运动</view
          >
          <view
            class="
              item
              sk-transparent
              sk-text-36-7347-955
              sk-text
              sk-pseudo
              sk-pseudo-circle
            "
            data-event-opts="tap,e0,$event"
            data-event-params="[object Object]"
            style="background-position-x: 50%"
            >杂项</view
          >
        </scroll-view>
        <scroll-view class="secondary" scroll-y="true">
          <view class="banner">
            <swiper
              autoplay="false"
              circular="true"
              class="
                carousel
                Carousel--carousel
                data-v-bca60bf8
                Carousel--data-v-bca60bf8
              "
              indicator-dots="true"
              style="height: 104px"
              current="0"
            ></swiper>
          </view>
          <view class="panel">
            <view class="title sk-transparent"
              >居家生活用品
              <navigator
                class="
                  more
                  sk-transparent
                  sk-text-30-6452-313
                  sk-text
                  sk-pseudo
                  sk-pseudo-circle
                "
                hover-class="none"
                >全部</navigator
              >
            </view>
            <view class="section">
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-925 sk-text
                  "
                  >泸州老窖特曲浓香型白酒</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text class="number sk-transparent sk-text-14-2857-25 sk-text"
                    >280.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-355 sk-text
                  "
                  >德国莫泽尔传统版雷司令干白2019750ml</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-898 sk-text"
                    >138.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-876 sk-text
                  "
                  >从江香猪油辣椒218克</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-129 sk-text"
                    >28.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-532 sk-text
                  "
                  >冻干藤椒豚骨面74克*12盒</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-495 sk-text"
                    >79.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-288 sk-text
                  "
                  >现泡免煮，螺蛳粉370克*6盒</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-639 sk-text"
                    >78.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-308 sk-text
                  "
                  >梅乃宿柚子酒720毫升</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-238 sk-text"
                    >248.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-204 sk-text
                  "
                  >冻干藤椒牛肉面70克*12盒</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-611 sk-text"
                    >79.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-562 sk-text
                  "
                  >木桐正牌干红葡萄酒750毫升2016年</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-387 sk-text"
                    >7799.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-219 sk-text
                  "
                  >极光限定 珠光蓝珐琅锅</view
                >
                <view class="price">
                  <text class="symbol sk-transparent sk-opacity">¥</text>
                  <text
                    class="number sk-transparent sk-text-14-2857-756 sk-text"
                    >199.00</text
                  >
                </view>
              </navigator>
              <navigator hover-class="none">
                <image class="sk-image"></image>
                <view
                  class="
                    name
                    ellipsis
                    sk-transparent sk-text-14-2857-629 sk-text
                  "
                  >富到流油的高邮咸鸭蛋75克*10枚</view
                >
              </navigator>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-314 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 37.6923rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-36-7347-354 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-453 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-956 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-983 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-734 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-443 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-565 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-655 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-36-7347-955 {
  background-image: linear-gradient(
    transparent 36.7347%,
    #eeeeee 0%,
    #eeeeee 63.2653%,
    transparent 0%
  ) !important;
  background-size: 100% 94.2308rpx;
  position: relative !important;
}
.sk-text-30-6452-313 {
  background-image: linear-gradient(
    transparent 30.6452%,
    #eeeeee 0%,
    #eeeeee 69.3548%,
    transparent 0%
  ) !important;
  background-size: 100% 59.6154rpx;
  position: relative !important;
}
.sk-text-14-2857-925 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-25 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-355 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-898 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-876 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-129 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-532 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-495 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-288 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-639 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-308 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-238 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-204 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-611 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-562 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-387 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-219 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-text-14-2857-756 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.3077rpx;
  position: relative !important;
}
.sk-text-14-2857-629 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>